<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>面向对象实现选项卡切换效果</title>
	<link rel="stylesheet" href="css/app.css">
	<script src="js/app.js"></script>
</head>
<body>
<div id="tabBox">
	<div id="tabList">
		<button class="active">1</button>
		<button>2</button>
		<button>3</button>
		<button>4</button>
		<button>5</button>
		<button>6</button>
	</div>
	<div id="tabContent">
		<div style="display: block" class="active">11111111</div>
		<div>22222222</div>
		<div>33333333</div>
		<div>44444444</div>
		<div>55555555</div>
		<div>66666666</div>
	</div>
</div>
</body>
</html>